<!DOCTYPE html>
<html lang="en">

<head>
    <meta name="description"
        content="Vali is a responsive and free admin theme built with Bootstrap 4, SASS and PUG.js. It's fully customizable and modular.">
    <!-- Twitter meta-->
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:site" content="@pratikborsadiya">
    <meta property="twitter:creator" content="@pratikborsadiya">
    <!-- Open Graph Meta-->
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="Vali Admin">
    <meta property="og:title" content="Vali - Free Bootstrap 4 admin theme">
    <meta property="og:url" content="http://pratikborsadiya.in/blog/vali-admin">
    <meta property="og:image" content="http://pratikborsadiya.in/blog/vali-admin/hero-social.png">
    <meta property="og:description"
        content="Vali is a responsive and free admin theme built with Bootstrap 4, SASS and PUG.js. It's fully customizable and modular.">
    <title>约健 - 俱乐部管理员</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Main CSS-->
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/docs/css/main.css">
    <!-- Font-icon css-->
    <link rel="stylesheet" type="text/css"
        href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>

<body class="app sidebar-mini rtl">
    <!-- Navbar-->
    {include file="commom/top"}
    <!-- Sidebar menu-->
    <div class="app-sidebar__overlay" data-toggle="sidebar"></div>
    {include file="commom/left"}
    <main class="app-content">
        <div class="app-title">
            <div>
                <h1><i class="fa fa-circle-o"></i>俱乐部训练已报名</h1>
                <p>Club training has been signed up</p>
            </div>
            <ul class="app-breadcrumb breadcrumb side">
                <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
                <li class="breadcrumb-item"><a href="#">俱乐部训练已报名</a></li>
            </ul>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="tile">
                    <div class="tile-body">
                        <table class="table table-hover table-bordered" id="sampleTable">
                            <thead>
                                <tr>
                                    <th>编号</th>
                                    <th>训练名称</th>
                                    <th>用户姓名</th>
                                    <th>用户电话</th>
                                    <th>购买数量</th>
                                    <th>支付金额</th>
                                    <th>订单编号</th>
                                    <th>下单时间</th>
                                    <th>审核</th>
                                </tr>
                            </thead>
                            <tbody>
                            {volist name="trainorder" id="us"}
                                <tr>
                                    <td>{$i}</td>
                                    <td>{$us.train_name}</td>
                                    <td>{$us.user_name}</td>
                                    <td>{$us.user_tel}</td>
                                    <td>{$us.tenter_amount}</td>
                                    <td>{$us.tenter_price}</td>
                                   
                                    <td>{$us.tenter_ordernum}</td>
                                    <td>{$us.tenter_time}</td>
                                    {if $us.tpay_status==1}
                                        <td><div class="bs-component"><span class="badge badge-pill badge-warning">已审核</span></div></td>
                                    {else/}
                                        <td><a href="{:url('train/check',['tenter_id'=>$us.tenter_id])}">
                                        <button class="btn btn-primary btn-sm" type="button">审核</button></a>
                                        </td>
                                    {/if}
                                </tr>
                            {/volist}    
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <!-- 删除模态框（Modal） -->
    <div class="modal fade" id="myModal" data-backdrop="static" tabindex="-1" role="dialog"
        aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="model-backdrop fade in"></div>
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel"></h4>
                </div>
                <h2 class="modal-body" style="margin-left: 100px">确认删除该训练吗？</h2>

                <div class="modal-footer">
                    <form class="form-horizontal" method="POST"
                        action="/yuejian/public/admin/train_controller/delete_train.html" enctype="multipart/form-data">
                        <input type="hidden" name="train_id" id="train_id">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                        <input type="submit" class="btn btn-danger btn-ok" value="确认删除">
                    </form>
                </div>
            </div>
        </div>
    </div>

    <script type="text/javascript">
        function del(train_id) {
            $.getJSON('/yuejian/public/admin/train_controller/delete_train_confirm.html', { 'train_id': train_id }, function (json) {
                //把数据放到模态框中显示
                $('#train_id').val(train_id);
            });
        }  
    </script>

    <!-- Essential javascripts for application to work-->
    <script src="__PUBLIC__/docs/js/jquery-3.2.1.min.js"></script>
    <script src="__PUBLIC__/docs/js/popper.min.js"></script>
    <script src="__PUBLIC__/docs/js/bootstrap.min.js"></script>
    <script src="__PUBLIC__/docs/js/main.js"></script>
    <!-- The javascript plugin to display page loading on top-->
    <script src="__PUBLIC__/docs/js/plugins/pace.min.js"></script>
    <!-- Page specific javascripts-->
    <!-- Data table plugin-->
    <script type="text/javascript" src="__PUBLIC__/docs/js/plugins/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/docs/js/plugins/dataTables.bootstrap.min.js"></script>
    <script type="text/javascript">$('#sampleTable').DataTable();</script>
    <!-- Google analytics script-->
    <script type="text/javascript">
        if (document.location.hostname == 'pratikborsadiya.in') {
            (function (i, s, o, g, r, a, m) {
            i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date(); a = s.createElement(o),
                m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
            })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
            ga('create', 'UA-72504830-1', 'auto');
            ga('send', 'pageview');
        }
    </script>
</body>

</html>